Jump to content

babuya

Newbie
  • Posts

    8
  • Joined

  • Last visited

babuya's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Возможно, но это пока туго)) Спасибо! Спасибо, так гораздо проще и логичнее)
  2. Всем доброго дня. Копаюсь в sass (scss), возник вопрос, ответ на который либо я не понимаю, либо не могу найти) Собственно такая структура .navigation ul li { span.inner > a span.icon_cat { display: inline-block; width: 24px; height: 24px; position: absolute; left: 7px; top: ; &.cars { @include sprite(url(../img/sprite.png), -14, 4); } } &:hover span.inner > a span.icon_cat.cars{ @include sprite(url(../img/sprite.png), -14, -22); } } сам вопрос такой: Допустим у меня 50 категорий, для каждой своя иконка, как видно из кода это спрайт. В таком варианте как сейчас мне нужно писать очень много (ну или копировать), то есть выглядит примерно так: .navigation ul li { span.inner > a span.icon_cat { display: inline-block; width: 24px; height: 24px; position: absolute; left: 7px; top: 0; &.cars { @include sprite(url(../img/sprite.png), -14, 4); } &.cars2 { @include sprite(url(../img/sprite.png), -14, 4); } &.cars3 { @include sprite(url(../img/sprite.png), -14, 4); } &.cars4 { @include sprite(url(../img/sprite.png), -14, 4); } } &:hover span.inner > a span.icon_cat.cars{ @include sprite(url(../img/sprite.png), -14, -22); } &:hover span.inner > a span.icon_cat.cars2{ @include sprite(url(../img/sprite.png), -14, -22); } &:hover span.inner > a span.icon_cat.cars3{ @include sprite(url(../img/sprite.png), -14, -22); } &:hover span.inner > a span.icon_cat.cars4{ @include sprite(url(../img/sprite.png), -14, -22); } } если честно я даже не особо понимаю как правильно объяснить, но примерно так: есть ли возможно обратиться к названию родительского класса, чтобы вместо &:hover span.inner > a span.icon_cat.cars{ @include sprite(url(../img/sprite.png), -14, -22); } писать &:hover тут что-то что заменит (span.inner > a span.icon_cat).cars{ @include sprite(url(../img/sprite.png), -14, -22); } Ну или может есть какой-то другой короткий способ записи? Подскажите пожалуйста
  3. Есть еще варианты?
  4. С вебмастера?
  5. Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верстке не про Помогите пожалуйста
  6. День добрый. Попался макет шириной 2800px, со словами заказчика: "Сайт будет адаптирован под мониторы различной ширины, минимальная ширина 1000 пикс." Не пойму как верстать) Шрифты, графика - просто огромные, к примеру размер заголовков по 40px (font-size), изображения, которые с виду должны быть около 200px имеют ширину по 600-700 Вопрос: верстать как моей душе угодно (думаю не стоит), делать фон на 100% контент на 1000px, или есть какой-то принцип масштабирования таких макетов (ну к примеру 2 к 1, но в таком случае рисовали бы тысячи на 2000-2400)?
  7. Всем спасибо, решил вопрос добавлением лишних блоков и вставкой такого изображения в нужное место(
  8. хром и сафари пашут( с мозилой беда, с ие наверно вообще слезы
  9. Должна быть возможность изменения фона слайдера
  10. Доброго вечера. Помогите решить небольшую проблему (для меня оказалась) Есть хедер, под ним слайдер и дальше контент, у контента фон серый (грубо говоря) у хедера со слайдером белый... Короче скрин прилагаю, не могу решить проблему со скруглением между слайдером и контентом. Подскажите пожалуйста. http://www.dropbox.com/s/n9lxwmnfuus7z8o/scr.png?dl=0
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy